
require("../less/register.less")
require("../../lib/fonts/iconfont.css")
const CaptchaMini = require("../../lib/captcha/captcha-mini.js")
document.ready(function () {
    // 验证码插件
    let captcha1 = new CaptchaMini();
    let captchaCode = ''
    captcha1.draw(document.querySelector('#captcha1'), r => {
        console.log('验证码:', r);
        captchaCode = r;
        // lineNum: 3, //线条的数量
        // // dotNum: 250,//点的数量
        // length: 4 //验证码的个数

    });

    // 验证
    let phoneIpt = document.querySelector('#phoneIpt')
    let codeIpt = document.querySelector('#codeIpt')
    let pwdIpt = document.querySelector('#pwdIpt')
    let checkpwdIpt = document.querySelector('#checkpwdIpt')
    let loginBtn = document.querySelector('#loginBtn')
    let finised = document.querySelector('#finised')
    loginBtn.addEventListener('click', function () {
        // 手机号验证
        let phoneVal = phoneIpt.value;
        // 手机号非空验证
        if (!phoneVal) {
            errMsg.textContent = '手机号不能为空'
            phoneIpt.focus()
            return;
        }
        // 手机号格式验证
        if (!window.$util.phoneCheck(phoneVal)) {
            errMsg.textContent = '手机号格式错误'
            phoneIpt.focus()
            return;
        }
        // 验证码验证
        if (codeIpt.value !== captchaCode.toLocaleLowerCase()) {
            errMsg.textContent = '验证码错误';
            codeIpt.focus()
            return false;
        }
        // 密码非空验证
        if (!pwdIpt.value) {
            errMsg.textContent = '密码不能为空';
            pwdIpt.focus();
            return false;
        }
        if (!checkpwdIpt.value) {
            errMsg.textContent = '请输入确认密码';
            checkpwdIpt.focus();
            return false;
        }
        // 密码验证
        if (pwdIpt.value !== checkpwdIpt.value) {
            errMsg.textContent = '密码不一致';
            return false;
        }
        errMsg.textContent = '';
        // http://47.98.254.19:3001
        axios.post('http://139.9.177.51:3701/api/user/isExist',{
            account: phoneVal,
        }).then(res=>{
            // 存在
            if (res.data.errno === 10002){
                // 提示存在
                errMsg.textContent = res.data.message;
                        phoneIpt.focus();
                        return;
            }else if(res.data.errno === 0){
                // 不存在则发起注册请求
                axios.post('http://139.9.177.51:3701/api/user/register', {
                    account: phoneVal,
                    password: pwdIpt.value
                }).then((res) => {
                    console.log(res.data);
                    if (res.data.errno === 0) { //成功
                        // 跳转
                        window.$util.popBox("icon-gougou", "注册成功，登陆中")
                        setTimeout(function () {
                            window.location.href = 'index.html'
                        }, 2000)
                        return;
                    }
                }).catch((err) => {
                    console.log(err);
                })
            }
        }).catch(err=>{
            console.log(err);
        })
        

        





    })


})